/* reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
input {
  margin: 0;
  -webkit-text-size-adjust: 100%;
  font-family: Helvetica, "Microsoft Yahei", sans-serif;
  font-weight: normal;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  display: block;
}
a {
  text-decoration: none;
}
em,
i {
  font-style: normal;
}
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  outline: none;
}
html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.wrap {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.wrapTop {
  padding-top: 2.13333333rem;
}
.gray_bg {
  background: #f1f1f1;
}
i,
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/* banner */
.banner {
  width: 100%;
  height: 10.66666667rem;
  background: url(../img/banner.gif) no-repeat;
  background-size: cover;
  position: relative;
}
.banner #QR {
  font-size: 0.64rem;
  color: #333;
  position: absolute;
  left: 0.64rem;
  top: 0.42666667rem;
  padding: 0 0.26666667rem;
}
.banner #QR em {
  font-size: 0.85333333rem;
  color: #f5564e;
}
#activity_link {
  font-size: 0.69333333rem;
  color: #333;
  position: absolute;
  right: 0.8rem;
  top: 0.53333333rem;
}
.banner h3 {
  width: 13.86666667rem;
  position: absolute;
  bottom: 0.16rem;
  left: 5.06666667rem;
  color: #fff;
  font-size: 0.69333333rem;
  font-weight: bold;
}
.content {
  padding: 0.4rem 0.8rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  background: #f5564e;
}
.gift {
  background: #fff0d9;
  padding: 0.26666667rem 0.32rem;
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.gift_con {
  width: 17.76rem;
  height: 14.53333333rem;
  background: url(../img/gift_bg.png) no-repeat;
  background-size: cover;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  margin-bottom: 0.8rem;
}
.gift_list {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 2.4rem 1.06666667rem 0 1.06666667rem;
}
.gift_list li {
  margin-bottom: 1.06666667rem;
}
.gift_list li .icon {
  width: 1.17333333rem;
  height: 1.25333333rem;
  display: inline-block;
  background: url(../img/gift_icon.png) no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 1.6rem;
  color: #fff;
  font-size: 0.53333333rem;
  float: left;
}
.gift_list li h3 {
  width: 13.33333333rem;
  float: left;
  font-size: 0.74666667rem;
  color: #e5454b;
  margin-left: 0.53333333rem;
  padding-top: 0.26666667rem;
  font-weight: bold;
}
.Invitation {
  width: 14.66666667rem;
  height: 2.34666667rem;
  padding: 0.4rem 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.Invitation li {
  width: 6.4rem;
  height: 2.4rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  border-radius: 1.17333333rem;
  background-image: -webkit-linear-gradient(90deg, #c74b3e 0%, #cf4d3e 100%);
  box-shadow: 0px 0.16rem 0.16rem 0px rgba(124, 0, 0, 0.35), inset 0px -0.21333333rem 0.21333333rem 0px rgba(156, 12, 12, 0.35);
  border-width: 1px;
  border-color: #a7312b;
  border-style: solid;
}
.Invitation li .icon {
  width: 1.12rem;
  height: 1.12rem;
}
.Invitation li:nth-child(1) .icon {
  background: url(../img/gift_icon2.png) no-repeat;
  background-size: contain;
}
.Invitation li:nth-child(2) .icon {
  background: url(../img/gift_icon3.png) no-repeat;
  background-size: contain;
}
.Invitation li h4 {
  color: #fff;
  font-size: 0.64rem;
}
.Invitation li h4 em {
  color: #f1fd4a;
  font-weight: bold;
  padding: 0 0.10666667rem;
}
#btn {
  width: 15.46666667rem;
  height: 2.34666667rem;
  background: #ffbc07;
  color: #ff4c0d;
  font-size: 0.85333333rem;
  font-weight: bold;
  border-radius: 1.17333333rem;
  border: 0.05333333rem solid #e6a803;
  box-shadow: 0 0.21333333rem 0 0 #c28a05;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin-bottom: 0.8rem;
}
.ranking {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  width: 100%;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  background: #2f5969;
}
#ranking_bg {
  width: 7.12rem;
  height: 1.81333333rem;
  background: url(../img/ranking.png) no-repeat;
  background-size: contain;
  margin: 0.53333333rem 0;
}
.ranking_list {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.ranking_list li {
  width: 80%;
  padding: 0 10%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 0.53333333rem;
}
.ranking_list li span {
  width: 1.86666667rem;
  height: 1.86666667rem;
  border-radius: 0.93333333rem;
  overflow: hidden;
}
.ranking_list li span img {
  width: 100%;
  height: 100%;
}
.ranking_list li h4,
.ranking_list li h5 {
  font-size: 0.69333333rem;
  color: #fff;
}
/* 弹窗 */
.liwu_popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
/* 赠送说明 */
.liwu_popup {
  position: fixed;
  top: 53.33333333rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.liwu_popup_con {
  width: 86%;
  position: absolute;
  top: 53.33333333rem;
  display: none;
  border-radius: 0.8rem;
  background: #fff;
  margin: 40% 7% 0 7%;
  font-size: 0.69333333rem;
  color: #333;
  padding-bottom: 1.06666667rem;
  transition: top 1s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  transform: translateZ(0.01px);
  -webkit-transition: top 1s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  -webkit-transform: translateZ(0.01px);
}
.daili_popup_con {
  margin: 30% 7% 0 7%;
}
.liwu_popup_top {
  top: 0;
}
.liwu_popup_con h3 {
  border-bottom: 1px solid #8E8E8E;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.86666667rem;
  padding-top: 0.26666667rem;
}
.liwu_popup_con section {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  padding: 0.53333333rem;
  margin-bottom: 0.26666667rem;
}
.liwu_popup_con section h4 {
  margin-bottom: 0.37333333rem;
  margin-top: 0.21333333rem;
}
.liwu_popup_con section p {
  margin-bottom: 0.21333333rem;
  line-height: 1.06666667rem;
  padding: 0 0 0 0.8rem;
  color: #666;
}
.liwu_popup_close {
  width: 80%;
  height: 2.13333333rem;
  background: #47a2ff;
  margin: 0 10%;
  color: #fff;
  line-height: 2.13333333rem;
  text-align: center;
  border-radius: 0.37333333rem;
}
/* 详情 */
.details {
  padding: 0 0.8rem 0.53333333rem 0.8rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  background: #14b3ee;
}
.actTiltle_con {
  background: #fff0d9;
  padding: 0.26666667rem 0.32rem 0.53333333rem 0.32rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
}
.actTiltle {
  width: 16rem;
  height: 0.8rem;
  background: url(../img/details_bg.png) no-repeat;
  background-size: contain;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 0.74666667rem;
  color: #fff;
  margin-top: 0.8rem;
  margin-bottom: 0.53333333rem;
}
.actTiltle_ac {
  width: 5.76rem;
  height: 1.81333333rem;
  background: url(../img/actTiltle.png) no-repeat;
  background-size: contain;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 0.74666667rem;
  color: #fff;
  margin-bottom: 0.53333333rem;
}
#rule p {
  font-size: 0.69333333rem;
  color: #fff;
  line-height: 0.96rem;
  margin-bottom: 0.21333333rem;
}
#rule strong {
  font-size: 0.69333333rem;
  color: #333;
}
.packets {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 0.53333333rem;
}
.packets li {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  width: 5.68rem;
  height: 4.8rem;
  background: url(../img/hongbao.png) no-repeat;
  background-size: contain;
  position: relative;
}
.packets li h4 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #ff4c0d;
  font-size: 0.69333333rem;
  position: absolute;
  top: 1.12rem;
}
.packets li h4 em {
  color: #cf4d3e;
  margin-left: 0.26666667rem;
}
.packets li h5 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 0.8rem;
  position: absolute;
  bottom: 0.10666667rem;
}
#raiders {
  width: 17.92rem;
  height: 20.88rem;
  background: url(../img/raiders.gif) no-repeat;
  background-size: contain;
  margin-bottom: 0.53333333rem;
}
.explain {
  width: 100%;
  height: 1.33333333rem;
  background: #0fa4db;
  text-align: center;
  line-height: 1.33333333rem;
  color: #646464;
  font-size: 0.64rem;
}
/* 流量干巴爹 */
.flow_banner {
  width: 100%;
  height: 8rem;
  background: url(../img/flow_banner.gif) no-repeat;
  background-size: contain;
}
.flow_banner2 {
  width: 100%;
  height: 8rem;
}
.flow_banner2 img {
  width: 100%;
  height: 100%;
}
.flow_main {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding: 0.8rem;
}
.flow_tel {
  display: flex;
  display: -webkit-flex;
  margin-bottom: 0.8rem;
}
.flow_tel #tel {
  width: 13.06666667rem;
  height: 2.66666667rem;
  /* line-height: 42/@rem;*/
  background: #fff;
  text-indent: 1em;
  font-size: 0.85333333rem;
  color: #333;
  border: transparent;
  box-sizing: border-box;
  border-radius: 0.26666667rem 0 0 0.26666667rem;
}
.flow_tel input::-webkit-input-placeholder {
  font-size: 0.69333333rem;
  color: #999;
  line-height: 1.12rem;
}
#flow_btn {
  width: 5.33333333rem;
  height: 2.66666667rem;
  background: #52acff;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  line-height: 2.66666667rem;
  border-radius: 0 0.26666667rem 0.26666667rem 0;
}
.flow_list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flow_list .active {
  border: 1px solid #52acff;
  background: #f5faff;
}
.flow_list .active h3 {
  color: #52acff;
}
.flow_list .active h4,
.flow_list .active p {
  color: #52acff;
}
.flow_item {
  width: 8.93333333rem;
  height: 4.53333333rem;
  border: 1px solid #ddd;
  border-radius: 0.26666667rem;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  margin-bottom: 0.53333333rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  /*     justify-content: space-around;
	-webkit-justify-content: space-around; */
}
.flow_item h3 {
  font-size: 1.12rem;
  line-height: 1.6rem;
  margin-top: 0.53333333rem;
  color: #555;
}
.flow_item h4 {
  font-size: 0.69333333rem;
  color: #999;
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}
.flow_item p {
  font-size: 0.58666667rem;
  color: #999;
}
.flow_item span {
  border-radius: 0.21333333rem;
  background: #ffbe32;
  color: #fff;
  font-size: 0.42666667rem;
  padding: 0.16rem 0.21333333rem;
  position: absolute;
  right: 0;
  top: 0;
}
.flow_item:active {
  border: 1px solid #FFC088;
  background: #FFF9F4;
}
.flow_tips {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  font-size: 0.58666667rem;
  color: #999;
  margin-top: 0.53333333rem;
}
.flow_tips h4 {
  line-height: 1.06666667rem;
  margin-top: 0.26666667rem;
}
.flow_tips p {
  line-height: 0.8rem;
  text-indent: 1em;
}
.flow_tips img {
  width: 100%;
  margin-top: 0.8rem;
}
/* 弹窗 */
.popup,
.invite_popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 500;
}
.popup_main {
  width: 100%;
  position: absolute;
  top: 53.33333333rem;
  display: none;
  margin-top: 30%;
  transition: top 1s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  transform: translateZ(0.01px);
  -webkit-transition: top 1s cubic-bezier(0.17, 0.57, 0.47, 1.29);
  -webkit-transform: translateZ(0.01px);
}
.popup_wx {
  margin-top: 40%;
}
.popup_top {
  top: 0;
}
.popup_con {
  display: flex;
  display: -webkit-flex;
  -webkit-flex: 1;
  flex: 1;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin: 0 10%;
  background: #fff;
  border-radius: 0.53333333rem;
  position: relative;
}
.popup_title {
  width: 100%;
  height: 2rem;
  display: inline-block;
  text-align: center;
  line-height: 2rem;
  font-size: 0.69333333rem;
  border-bottom: 1px solid #ddd;
  color: #666;
}
.popup_con_h4 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  font-size: 0.69333333rem;
  color: #666;
  padding: 0.8rem 0.8rem 0.26666667rem 0.8rem;
  text-align: center;
  line-height: 1.17333333rem;
}
.popup_list {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  padding: 0.53333333rem;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  font-size: 0.64rem;
  color: #666;
  padding: 0.53333333rem 0;
}
.popup_list li {
  display: flex;
  display: -webkit-flex;
  width: 90%;
  height: 1.33333333rem;
  padding: 0 5%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}
#zhixun {
  width: 100%;
  line-height: 1.33333333rem;
  font-size: 0.53333333rem;
  color: #999;
  text-align: center;
  margin: 0.26666667rem 0;
  border-bottom: 1px solid #ddd;
}
#popup_btn {
  width: 80%;
  height: 2.13333333rem;
  background: #52acff;
  line-height: 2.13333333rem;
  text-align: center;
  color: #fff;
  border-radius: 0.42666667rem;
  font-size: 0.8rem;
  margin: 0.53333333rem 0 0.8rem 0;
}
#popup_btn a {
  width: 100%;
  height: 100%;
  display: inline-block;
  color: #fff;
}
.popup_main .line {
  width: 2px;
  height: 4rem;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -4rem;
  margin-left: -1px;
}
.popup_main .close {
  width: 1.06666667rem;
  height: 1.06666667rem;
  background: url(../img/close.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  bottom: -4rem;
  margin-left: -0.53333333rem;
}
.btn_popup {
  width: 80%;
  padding: 0.53333333rem 0;
  margin: 0 10%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.42666667rem;
  color: #fff;
  font-size: 0.64rem;
  line-height: 1.06666667rem;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 0;
  display: none;
}
.share {
  position: relative;
}
.pointer {
  width: 5.33333333rem;
  height: 4.26666667rem;
  background: url(../img/pointer.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0.53333333rem;
  top: 0.26666667rem;
}
.invite_popup .pointer {
  width: 7.73333333rem;
  height: 6.18666667rem;
  background: url(../img/pointer.png) no-repeat;
  background-size: contain;
  top: 0.53333333rem;
}
.invite_popup .share_tips {
  padding-top: 4rem;
}
.invite_popup .share_con {
  padding-top: 6.72rem;
}
.invite_popup .share_msg {
  line-height: 2.13333333rem;
  font-size: 0.90666667rem;
  padding: 2.13333333rem 0.53333333rem;
}
.invite_popup .share_msg em {
  font-size: 0.69333333rem;
  line-height: 1.33333333rem;
}
.share_tips {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding-top: 3.46666667rem;
  font-size: 0.8rem;
  color: #fff;
  line-height: 1.12rem;
}
.share_con {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  padding-top: 0.8rem;
}
.share_msg {
  width: 15.73333333rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px dashed #eee;
  border-radius: 0.53333333rem;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.06666667rem;
  font-size: 0.64rem;
  color: #fff;
  padding: 0.42666667rem 0;
}
.share_msg i {
  width: 6.74666667rem;
  height: 7.2rem;
  display: inline-block;
  background: url(../img/flowRed.png);
  background-size: contain;
  margin-top: 0.37333333rem;
}
/* 头部 */
.payment_tab {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 2.66666667rem;
  background: #fff;
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.payment_tab a {
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
  height: 2.66666667rem;
  font-size: 0.90666667rem;
  color: #c8c8c8;
  border-bottom: 0.10666667rem solid #c8c8c8;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.payment_tab .active {
  color: #52acff;
  border-bottom: 0.10666667rem solid #52acff;
}
.entrance {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  /* justify-content: center;
	-webkit-justify-content: center; */
  justify-content: space-around;
  -webkit-justify-content: space-around;
  background-color: #fff;
  height: 3.2rem;
}
.entrance a {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  font-size: 0.64rem;
  color: #666;
}
.entrance a:active {
  color: #ff7800;
}
.entrance a i {
  width: 1.33333333rem;
  height: 1.33333333rem;
  border-radius: 1.33333333rem;
  font-size: 0.8rem;
  text-align: center;
  line-height: 1.33333333rem;
  background: red;
  color: #fff;
  margin-bottom: 0.21333333rem;
}
.entrance a:nth-child(1) i {
  background: #7fbc4c;
}
.entrance a:nth-child(2) i {
  background: #fa5f63;
}
.entrance a:nth-child(3) i {
  background: #bd81e0;
}
.entrance a:nth-child(4) i {
  background: #38b7e6;
}
.flow_explain {
  padding: 0.53333333rem;
}
.flow_explain img {
  width: 100%;
  margin-top: 0.53333333rem;
}
.flow_explain section {
  margin-bottom: 0.8rem;
}
.flow_explain h3 {
  border-left: 0.21333333rem solid #ff7800;
  font-size: 0.69333333rem;
  line-height: 0.69333333rem;
  font-weight: bold;
  text-indent: 0.26666667rem;
  color: #ff7800;
  margin-bottom: 0.53333333rem;
  margin-top: 0.53333333rem;
}
.flow_explain p {
  font-size: 0.69333333rem;
  color: #666;
  line-height: 1.06666667rem;
  margin-bottom: 0.26666667rem;
  text-indent: 1em;
}
.explain_list {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.explain_list li {
  font-size: 0.69333333rem;
  color: #666;
  line-height: 1.06666667rem;
  margin-bottom: 0.26666667rem;
  text-indent: 2em;
  color: #999;
}
/* 业务介绍 */
.main_banner {
  width: 100%;
  height: 9.33333333rem;
}
.main_banner img {
  width: 100%;
  height: 100%;
}
.business .title {
  font-size: 0.85333333rem;
  color: #666;
  font-weight: bold;
  text-indent: 1em;
  line-height: 2.13333333rem;
}
.business_main {
  background: #fff;
  border-top: 1px solid #eaeaea;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.business_main a {
  width: calc(33.33333333%);
  height: 6.66666667rem;
  border-bottom: 1px solid #eaeaea;
  border-top: transparent;
  border-right: transparent;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.business_main a:active,
.user_nav .user_list:active {
  background: #FFFBF4;
}
.business_main a:nth-child(3n-1) {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.business_main a em {
  display: inline-block;
  margin-bottom: 0.26666667rem;
}
.business_main a em img {
  width: 100%;
}
.business_main a:nth-child(1) em {
  width: 2.45333333rem;
  height: 2.18666667rem;
}
.business_main a:nth-child(2) em {
  width: 1.86666667rem;
  height: 2.13333333rem;
  margin-bottom: 0.37333333rem;
}
.business_main a:nth-child(3) em {
  width: 2.18666667rem;
  height: 1.86666667rem;
  padding-top: 0.26666667rem;
}
.business_main a:nth-child(4) em {
  width: 2rem;
  height: 1.73333333rem;
}
.business_main a:nth-child(5) em {
  width: 1.84rem;
  height: 1.65333333rem;
}
.business_main a:nth-child(6) em {
  width: 1.62666667rem;
  height: 1.52rem;
}
.business_main a:nth-child(7) em {
  width: 1.76rem;
  height: 1.68rem;
}
.business_main a span {
  color: #333;
  font-size: 0.74666667rem;
}
/* 用户管理 */
.user_banner {
  width: 100%;
  height: 9.33333333rem;
  background-image: linear-gradient(117deg, #fd6e20 0%, #f9a14b 100%);
  background-image: -webkit-linear-gradient(117deg, #fd6e20 0%, #f9a14b 100%);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 0.66666667rem;
}
.user_banner .head_img {
  width: 4.10666667rem;
  height: 4.10666667rem;
  border: 2px solid #d5d5d5;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0.53333333rem;
}
.user_banner .head_img img {
  width: 100%;
  height: 100%;
}
.user_banner .head_name {
  font-size: 0.74666667rem;
  color: #fff;
}
.user_nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.user_nav .user_list {
  display: -webkit-flex;
  display: flex;
  height: 2.66666667rem;
  background: #fff;
  font-size: 0.8rem;
  color: #666;
  border-top: 1px solid #eaeaea;
  padding: 0 0.66666667rem 0 0.93333333rem;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.user_list .left,
.user_list .right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.user_list .left em {
  width: 1.44rem;
  height: 1.44rem;
  border-radius: 50%;
  margin-right: 0.64rem;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.user_list .left em i,
.user_list .right i {
  font-size: 0.85333333rem;
}
.user_list .right i {
  color: #bbb;
}
.user_list:nth-child(1) .left em {
  background: #ff552d;
}
.user_list:nth-child(2) .left em {
  background: #ffb501;
}
.user_list:nth-child(3) .left em {
  background: #54bc15;
}
.user_list:nth-child(4) .left em {
  background: #ff8a00;
}
.user_list:nth-child(5) .left em {
  background: #03d89e;
}
.user_list:nth-child(6) .left em {
  background: #ff7607;
}
.integral_img,
.integral_img img {
  width: 100%;
}
.Expect {
  width: 100%;
  height: 80%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Expect img {
  width: 12.26666667rem;
  height: 6.32rem;
  margin-bottom: 0.96rem;
}
.Expect h3 {
  font-size: 0.90666667rem;
  color: #a3a3a3;
}
.decorate {
  width: 8.93333333rem;
  height: 4.58666667rem;
  background: url(../img/decorate.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  margin-left: -4.45333333rem;
}
.QR_code {
  background-color: #fff;
  box-shadow: 0 0 0.32rem 0 rgba(70, 70, 70, 0.2);
  width: 18.93333333rem;
  height: 26.50666667rem;
  position: absolute;
  left: 50%;
  top: 4rem;
  z-index: 4;
  margin-left: -9.46666667rem;
  padding: 0.58666667rem 0.53333333rem;
  box-sizing: border-box;
}
.QR_code img {
  width: 100%;
  height: 100%;
}
/* 专属二维码 */
.green_bg {
  background: #dbffee;
}
.flowshop_bg1 {
  width: 100%;
  height: 6.4rem;
  background: url(../img/flowshop_bg1.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.flowshop_bg2 {
  width: 100%;
  height: 6.88rem;
  background: url(../img/flowshop_bg2.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.bootPage {
  width: 14.4rem;
  height: 19.78666667rem;
  background: #43a18f;
  box-shadow: 0 0.4rem 0.93333333rem 0 rgba(82, 0, 15, 0.3);
  position: absolute;
  left: 50%;
  top: 3.04rem;
  z-index: 14;
  margin-left: -7.2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.bootPageBar {
  width: 100%;
  height: 19.78666667rem;
  position: absolute;
  top: 0;
  left: 0;
}
.bootPageBar img {
  width: 100%;
  height: 100%;
}
.bootPageQR {
  width: 5.33333333rem;
  height: 5.33333333rem;
  position: absolute;
  top: 10.82666667rem;
  left: 50%;
  margin-left: -2.66666667rem;
}
.bootPageQR img {
  width: 100%;
  height: 100%;
}
.bootPageText {
  width: 100%;
  text-align: center;
  font-size: 0.69333333rem;
  color: #43a18f;
  font-weight: bold;
  position: absolute;
  top: 23.73333333rem;
}
.bootPageBtn {
  display: inline-block;
  width: 15.73333333rem;
  height: 2.4rem;
  border-radius: 0.26666667rem;
  color: #fff;
  text-align: center;
  line-height: 2.4rem;
  background: #f0011e;
  font-size: 0.74666667rem;
  position: absolute;
  top: 25.33333333rem;
  left: 50%;
  margin-left: -7.86666667rem;
  box-shadow: 0 0.10666667rem 0.26666667rem 0 rgba(82, 0, 15, 0.54);
  z-index: 10;
}
.bootPageBtn:active {
  box-shadow: none;
  opacity: 0.8;
}
/* shop */
.search {
  width: 100%;
  height: 2.34666667rem;
  background: #f9f9f9;
  box-sizing: border-box;
  padding: 0.26666667rem 0.8rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.searchCon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.searchCon i.iconfont {
  font-size: 0.96rem;
  color: #999;
}
.searchCon input[type=text] {
  width: 13.33333333rem;
  border: transparent;
  font-size: 0.64rem;
  background: transparent;
  line-height: 1.33333333rem;
  margin-left: 0.64rem;
}
.searchBtn {
  width: 2.66666667rem;
  height: 1.81333333rem;
  border-left: 1px solid #a4a4a4;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.searchBtn i.iconfont {
  font-size: 1.22666667rem;
  color: #ff6f20;
}
.shopBar,
.shopBar img {
  width: 100%;
  height: 9.65333333rem;
}
.shopInfo {
  background: white;
  width: 100%;
  height: 3.14666667rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.8rem;
  margin-bottom: 0.64rem;
}
.shopInfo .info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.shopInfo .headImg {
  border: 2px solid #fdd856;
  width: 2.34666667rem;
  height: 2.34666667rem;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}
.shopInfo .headImg img {
  width: 100%;
  height: 100%;
}
.shopInfo h3.name {
  font-size: 0.74666667rem;
  color: #4c4c4c;
  padding-left: 0.74666667rem;
}
.shopInfo h3.name span {
  color: #ff6d1e;
}
.shopInfo .contact {
  padding: 0 0.53333333rem;
  height: 1.28rem;
  border-radius: 0.64rem;
  background: #4fd316;
  font-size: 0.64rem;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.shopInfo .contact i.iconfont {
  font-size: 0.85333333rem;
  margin-right: 0.21333333rem;
}
.shopHot {
  width: 100%;
  padding: 1.01333333rem 0.8rem;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 0.64rem;
}
.shopTitle {
  font-size: 0.74666667rem;
  color: #333;
  font-weight: bold;
}
.shopTitle span {
  font-size: 0.64rem;
  color: #999;
  margin-left: 1.6rem;
  font-weight: normal;
}
.shopHotCon {
  height: 4rem;
  margin-top: 0.90666667rem;
}
.shopHotCon img {
  width: 100%;
  height: 100%;
}
.flowshop {
  background: #fff;
}
.flowshopNav {
  width: 100%;
  height: 3.49333333rem;
  overflow: hidden;
  position: inherit;
  z-index: 20;
  top: 0rem;
  background: white;
}
.flowshopNav .swiper-slide {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  color: #ADADAD;
  font-size: 0.58666667rem;
}
.flowshopNav .swiper-slide i.iconfont {
  font-size: 1.17333333rem;
  margin-bottom: 0.21333333rem;
  margin-top: 0.53333333rem;
}
.flowshopNav .active {
  background: url(../img/active.png) no-repeat;
  background-size: cover;
  color: #fff;
}
.flowshopCon {
  margin-top: -0.29333333rem;
  border-top: 1px solid #f2f2f2;
  width: 100%;
  background: #fff;
}
.flowshopItem {
  box-sizing: border-box;
  padding: 0.69333333rem 0 0.10666667rem 0.8rem;
  display: none;
}
.flowshopItem:nth-child(1) {
  display: block;
}
.flowshopItem .shopItem {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  margin-bottom: 0.8rem;
}
.shopItem .img {
  width: 5.33333333rem;
  height: 5.33333333rem;
  box-sizing: border-box;
  border: 1px solid #e4e4e4;
}
.shopItem .img img {
  width: 100%;
  height: 100%;
}
.shopConter {
  width: 13.12rem;
  height: 6rem;
  margin-left: 0.8rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  border-bottom: 1px solid #eee;
}
.shopConter h3.title {
  font-size: 0.74666667rem;
  color: #333;
  padding-top: 0.42666667rem;
}
.shopConter h4.number {
  font-size: 0.64rem;
  color: #999;
  padding-top: 0.8rem;
}
.shopConter .info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 0.8rem;
}
.shopConter .info .price {
  color: #ff5a2e;
  font-size: 0.96rem;
}
.shopConter .money,
.shopConter .integral {
  font-size: 0.64rem;
  color: #999;
}
.flowShopKF {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0.64rem;
  color: #666;
  padding: 0.8rem 0;
}
.searchHot {
  background: #fff;
  box-sizing: border-box;
  padding: 0.53333333rem 0.8rem;
  /* display: none; */
}
.searchHot .title {
  font-size: 0.64rem;
  line-height: 2.13333333rem;
  color: #333;
}
.searchHotCon {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}
.searchHotCon .item {
  display: inline-block;
  font-size: 0.64rem;
  color: #5e5644;
  padding: 0.16rem 0.32rem;
  border: 1px solid #ddd;
  border-radius: 0.10666667rem;
  margin: 0 0.53333333rem 0.26666667rem 0;
}
.searchHotCon .item:active {
  opacity: 0.8;
  background: #FFEAD0;
}
.searchHotCon .item:nth-child(3n-2) {
  background: #fbebe8;
}
.searchHotCon .item:nth-child(3n-1) {
  background: #fcedda;
}
.searchHotCon .item:nth-child(3n) {
  background: #e8f9db;
}
.flowshopSearch .flowshopItem {
  display: block;
  background: #fff;
}
/* 头部 */
header.header {
  width: 100%;
  height: 2.13333333rem;
  background: #fff;
  color: #999;
  font-size: 0.85333333rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
  box-shadow: 0 0.05333333rem 0.10666667rem 0 rgba(0, 0, 0, 0.15);
}
header.header .item {
  margin: 0 0.8rem;
  padding: 0 0.53333333rem;
}
header.header .active {
  color: #ff6000;
  line-height: 1.97333333rem;
  border-bottom: 0.16rem solid #ff6000;
}
.ProSearch {
  position: absolute;
  top: 2.4rem;
  left: 50%;
  z-index: 300;
  margin-left: -9.33333333rem;
  width: 18.66666667rem;
  height: 1.44rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.72rem;
  text-align: center;
  line-height: 1.44rem;
  color: #fff;
  font-size: 0.64rem;
}
.ProSearch i.iconfont {
  font-size: 0.74666667rem;
  margin-right: 0.26666667rem;
}
.hotTips {
  width: 100%;
  height: 1.70666667rem;
  box-sizing: border-box;
  line-height: 1.70666667rem;
  padding: 0 0.69333333rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  overflow: hidden;
  font-size: 0.64rem;
  color: #999;
  margin-bottom: 0.53333333rem;
}
.hotTips i.iconfont {
  font-size: 0.74666667rem;
  margin-right: 0.26666667rem;
  color: #ff6000;
}
.payListCon {
  background: #fff;
  border-top: 1px solid #eee;
  box-sizing: border-box;
  padding: 0 0.69333333rem 2.13333333rem 0.69333333rem;
  margin-top: -0.29333333rem;
}
.payListCon .payListItem {
  display: none;
}
.payListCon .listItem {
  width: 100%;
  height: 5.76rem;
  padding: 0.8rem 0 0 0;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.payListCon .listItem .img {
  width: 4.26666667rem;
  height: 4.26666667rem;
  border-radius: 0.26666667rem;
  overflow: hidden;
}
.payListCon .listItem .img img {
  width: 100%;
  height: 100%;
}
.payListCon .listConter {
  width: 13.6rem;
  height: 4.96rem;
  box-sizing: border-box;
  margin-left: 0.53333333rem;
  border-bottom: 1px solid #eee;
}
.payListCon .listConter .title {
  font-size: 0.8rem;
  color: #333;
  line-height: 1.22666667rem;
}
.payListCon .listConter .price {
  font-size: 0.96rem;
  color: #ff6000;
  padding-top: 0.53333333rem;
  margin-bottom: 0.26666667rem;
}
.payListCon .listConter .info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 0.64rem;
}
.payListCon .listConter .info .money,
.payListCon .listConter .info .integral {
  font-size: 0.64rem;
  color: #ff9f38;
  margin-right: 0.32rem;
}
.payListCon .listConter .info .money i.iconfont,
.payListCon .listConter .info .integral i.iconfont {
  margin-right: 0.16rem;
}
.payListCon .listConter .number {
  color: #999;
}
/* 微信支付 */
.payment .paymentBar {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.payment .paymentBar img {
  width: 100%;
}
.payment .icon-telephone {
  display: none;
}
.payment .Farebg {
  width: 100%;
  height: 0.53333333rem;
  background: #f1f1f1;
}
.payment .phoneNumber {
  width: 100%;
  height: 3.2rem;
  position: relative;
  background: #fff;
  box-sizing: border-box;
  padding: 0.53333333rem 0.8rem 0 0.8rem;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.payment .phoneNumber input[name^="tel"] {
  font-size: 0.90666667rem;
  border: none;
  color: #333;
}
.payment .phoneNumber input[name^="tel"]::-webkit-input-placeholder {
  font-size: 0.85333333rem;
  color: #999;
}
.payment .phoneNumber i.iconfont {
  font-size: 1.12rem;
  color: #ff6000;
}
.payment .phoneNumber .Attribution {
  position: absolute;
  right: 2.13333333rem;
  top: 1.22666667rem;
  color: #1e93dd;
  font-size: 0.85333333rem;
}
.payment .flowFareTab {
  width: 100%;
  height: 2.26666667rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fff;
  margin-top: 0.53333333rem;
}
.payment .flowFareTab li {
  width: 50%;
  height: 1.2rem;
  text-align: center;
  font-size: 0.85333333rem;
  color: #666;
  position: relative;
  z-index: 1;
}
.payment .flowFareTab li:nth-child(1) {
  border-right: 1px solid #999;
}
.payment .flowFareTab .active {
  color: #ff6000;
}
.payment .flowFareTab .active:after {
  width: 1.06666667rem;
  height: 0.10666667rem;
  background: #ff6000;
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -0.26666667rem;
  left: 50%;
  margin-left: -0.53333333rem;
}
.payment .flowFareCon {
  background: #fff;
  display: none;
}
.payment .flowFareCon .telephoneFare {
  width: 100%;
  height: 3.62666667rem;
  padding: 0.96rem 0.8rem;
  box-sizing: border-box;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.payment .flowFareCon .telephoneFare .price {
  font-size: 0.96rem;
  color: #ff5e20;
}
.payment .flowFareCon .telephoneFare .btn {
  font-size: 0.74666667rem;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 5.33333333rem;
  height: 1.6rem;
  border-radius: 0.26666667rem;
  background-image: -webkit-linear-gradient(180deg, #ff5d20 0%, #ff8100 100%);
}
.payment .flowFareCon .telephoneFare .btn:active {
  opacity: 0.8;
}
.payment .flowPacket {
  width: 100%;
  padding: 0.53333333rem 0 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #e2e2e2;
}
.payment .flowPacket li.item {
  margin-left: 0.66666667rem;
  margin-bottom: 0.8rem;
  width: 5.777776rem;
  height: 3.2rem;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #adadad;
  color: #999;
  font-size: 0.96rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 0.42666667rem;
}
.payment .flowPacket li.active {
  background-image: -webkit-linear-gradient(143deg, #ff8100 0%, #fa9c17 100%);
  color: #fff;
  border: 1px solid #fb9915;
}
.payment .flowPrice {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.28rem;
}
.payment .flowPrice .flowPriceCon {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.64rem;
  height: 3.6rem;
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.payment .flowPrice .flowPriceCon .PriceConTop {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.26666667rem;
}
.payment .flowPrice .flowPriceCon .PriceConTop .hotMsg {
  font-size: 0.69333333rem;
  color: #ff6000;
}
.payment .flowPrice .flowPriceCon .PriceConTop .hotMsg i.iconfont {
  margin: 0 0.26666667rem 0 0.42666667rem;
  color: #ff6000;
  font-size: 0.90666667rem;
}
.payment .flowPrice .flowPriceCon .price {
  font-size: 0.90666667rem;
  color: #333;
}
.payment .flowPrice .flowPriceCon .region1 {
  width: 1.6rem;
  height: 0.90666667rem;
  border-radius: 0.16rem;
  font-size: 0.53333333rem;
  color: #fff;
  background: #ff8328;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 0.42666667rem;
}
.payment .flowPrice .flowPriceCon .region2 {
  width: 1.6rem;
  height: 0.90666667rem;
  border-radius: 0.16rem;
  font-size: 0.53333333rem;
  color: #fff;
  background: #1e93dd;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 0.42666667rem;
}
.payment .flowPrice .flowPriceCon i.iconfont {
  margin-left: 0.53333333rem;
  color: #f90404;
  font-size: 0.90666667rem;
}
.payment .flowPrice .flowPriceCon .introduce {
  font-size: 0.53333333rem;
  color: #999;
}
.payment .flowPrice .purchaseBtn1,
.payment .flowPrice .purchaseBtn2 {
  width: 3.73333333rem;
  height: 1.6rem;
  border-radius: 0.26666667rem;
  background-image: -webkit-linear-gradient(180deg, #ff5d20 0%, #ff8100 100%);
  color: #fff;
  font-size: 0.74666667rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.payment .flowPrice .purchaseBtn1:active,
.payment .flowPrice .purchaseBtn2:active {
  opacity: 0.8;
}
.payment .arrival {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 1.28rem;
}
.payment .arrival li {
  width: calc(100% / 3);
  height: 2.08rem;
  border-left: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.payment .arrival li h4 {
  font-size: 0.74666667rem;
  color: #777;
}
.payment .arrival li p {
  font-size: 0.53333333rem;
  color: #999;
}
.payment .arrival li:nth-child(1) {
  border-left: none;
}
.payment .arrivalKF {
  font-size: 0.58666667rem;
  color: #cacaca;
  text-align: center;
  margin-bottom: 3.2rem;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; */
}
.animated .infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/* 弹窗 */
.popupCon {
  width: 16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8rem;
  background: #fff;
  border-radius: 0.66666667rem;
  overflow: hidden;
}
.popupCon .title {
  width: 100%;
  height: 2.8rem;
  background-image: -webkit-linear-gradient(143deg, #ff8100 0%, #fa9c17 100%);
  color: #fff;
  font-size: 0.85333333rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.popupCon section {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.90666667rem 0.8rem 0.90666667rem;
}
.popupCon section h4 {
  font-size: 0.69333333rem;
  color: #ff8100;
  line-height: 1.12rem;
  padding-top: 0.53333333rem;
}
.popupCon section p {
  color: #999;
  font-size: 0.64rem;
  text-align: justify;
  line-height: 1.12rem;
}
.popupCon i.icon-cha {
  font-size: 1.44rem;
  color: #fff;
  position: absolute;
  top: 0.64rem;
  right: 0.90666667rem;
}
.popupCon .domesticDetails,
.popupCon .provinceDetails {
  width: 100%;
  box-sizing: border-box;
  padding: 1.06666667rem 0.64rem 0.26666667rem 0.64rem;
}
.popupCon .domesticDetails li,
.popupCon .provinceDetails li {
  width: 100%;
  font-size: 0.74666667rem;
  color: #333;
  box-sizing: border-box;
  padding-left: 1.06666667rem;
  margin-bottom: 0.53333333rem;
}
.popupCon .paymentBtn {
  width: 90%;
  height: 2.34666667rem;
  margin: 0 5%;
  border-radius: 0.42666667rem;
  background-image: -webkit-linear-gradient(180deg, #ff5d20 0%, #ff8100 100%);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  font-size: 0.8rem;
}
.popupCon .paymentBtn:active {
  opacity: 0.8;
}
.popupCon .introduce {
  width: 100%;
  padding: 0.69333333rem 0;
  font-size: 0.64rem;
  color: #999;
  text-align: center;
}
.FareCon p {
  color: #666;
  padding-top: 0.53333333rem;
}
/* 榜单 */
.Charts {
  width: 100%;
  background: #fff9ef;
}
.Charts * {
  box-sizing: border-box;
}
.Charts .chartsBar {
  width: 100%;
  height: 12.18666667rem;
  position: relative;
  background: url(../img/chartsBar.jpg) no-repeat;
  background-size: cover;
}
.Charts .chartsBar .chartsRule {
  width: 2.50666667rem;
  height: 2.77333333rem;
  background: url(../img/chartsRule.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: -0.10666667rem;
  right: 1.33333333rem;
}
.Charts .chartsBar .chartsRule:active {
  opacity: 0.8;
}
.Charts .chartsBar .chartsBtn {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  position: absolute;
  top: 9.06666667rem;
}
.Charts .chartsBar .chartsBtn a {
  width: 7.46666667rem;
  height: 1.92rem;
  font-size: 0.85333333rem;
  color: #ff4e00;
  border-radius: 0.96rem;
  background-image: -webkit-linear-gradient(180deg, #ffbe31 0%, #fff231 100%);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Charts .chartsBar .chartsBtn a:active {
  opacity: 0.8;
}
.Charts .userTop {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  height: 1.97333333rem;
  box-sizing: border-box;
  padding: 0 0.8rem;
  background: #fff;
  color: #ff6e00;
  font-size: 0.74666667rem;
}
.Charts .userTop .headImg {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #ffef31;
  overflow: hidden;
  margin-right: 0.8rem;
}
.Charts .userTop .headImg img {
  width: 100%;
  height: 100%;
}
.Charts .userTop .info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Charts .chartsTop {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 0.8rem;
  margin-bottom: 0.16rem;
}
.Charts .chartsTop div {
  border-bottom: 0.10666667rem solid #ffae00;
  padding: 0 1.06666667rem;
}
.Charts .chartsTop img {
  width: 9.89333333rem;
  height: 3.54666667rem;
}
.Charts .chartsTop h3 {
  font-size: 0.64rem;
  color: #666;
  text-align: center;
  padding: 0.42666667rem 0 0.26666667rem 0;
}
.chartsList {
  width: 100%;
  height: 30.13333333rem;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.chartsListitem {
  width: 100%;
  height: 2.72rem;
  padding: 0 0.69333333rem 0 0.93333333rem;
  border-bottom: 1px solid #fee6be;
  font-size: 0.64rem;
  color: #666;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.chartsListitem .iconMedal {
  width: 1.17333333rem;
  height: 1.38666667rem;
  display: inline-block;
  text-align: center;
  font-size: 0.53333333rem;
  color: #fff;
  line-height: 1.28rem;
  background: url(../img/medal3.png) no-repeat;
  background-size: cover;
}
.chartsListitem .headImg {
  width: 1.92rem;
  height: 1.92rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #a3a3a3;
}
.chartsListitem .headImg img {
  width: 100%;
  height: 100%;
}
.chartsListitem .place {
  width: 4rem;
  display: inline-block;
}
.chartsListitem .number {
  width: 2.66666667rem;
  text-align: right;
  display: inline-block;
  color: #ff7200;
}
.chartsListitem .iconMoney {
  width: 2.05333333rem;
  height: 1.52rem;
  display: inline-block;
  background: url(../img/money1.png) no-repeat;
  background-size: cover;
}
.chartsList .swiper-pagination {
  padding: 0 0.8rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.chartsList .swiper-pagination-bullet {
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  line-height: 1.6rem;
  border-radius: 50%;
  border: 1px solid #ffa721;
  font-size: 0.74666667rem;
  color: #fe8d18;
  background: transparent;
  opacity: 1;
  margin: 0 !important;
}
.chartsList .swiper-pagination-bullet-active {
  color: #fff;
  background-image: -webkit-linear-gradient(-41deg, #ffb224 0%, #fd690d 100%);
}
.Charts .Explain {
  width: 100%;
  padding: 0 0.69333333rem 0 0.69333333rem;
  margin-bottom: 1.06666667rem;
}
.Charts .Explain .title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 0.85333333rem;
  color: #ff7200;
  margin-bottom: 0.53333333rem;
}
.Charts .Explain .title i.iconfont {
  font-size: 0.96rem;
  margin-right: 0.16rem;
}
.Charts .Explain .title .line {
  width: 6.4rem;
  height: 1px;
  background: #ff8b00;
}
.Charts .Explain em {
  font-size: 0.69333333rem;
  color: #ff7200;
}
.Charts .Explain em.EN {
  width: 3.46666667rem;
  display: inline-block;
}
.Charts .Explain p {
  font-size: 0.64rem;
  color: #666;
  line-height: 1.17333333rem;
}
.Charts .Explain .bonusRule {
  width: 100%;
  padding: 0.26666667rem;
}
.Charts .Explain .bonusRule img {
  width: 100%;
}
.Charts .copyright {
  font-size: 0.64rem;
  color: #999;
  text-align: center;
  margin-bottom: 0.8rem;
}
.Charts .monthlyList {
  width: 100%;
  height: 5.44rem;
  padding: 1.6rem 0.69333333rem 1.01333333rem 0.69333333rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.Charts .monthlyList a {
  width: 2.82666667rem;
  height: 2.82666667rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ff8b00;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0.85333333rem;
  color: #ff8b00;
}
.Charts .monthlyList .active {
  background-image: -webkit-linear-gradient(53deg, #fd5c09 0%, #ffba23 100%);
  color: #fff;
}
.Charts .monthlyTop {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 0.26666667rem;
}
.Charts .monthlyTop div {
  padding: 0 0.8rem;
  border-bottom: 0.10666667rem solid #ff7920;
  margin-bottom: 0.16rem;
}
.Charts .monthlyTop img {
  width: 9.89333333rem;
  height: 3.36rem;
}
.Charts .monthlyTop h3 {
  font-size: 0.64rem;
  line-height: 1.33333333rem;
  color: #ff8b00;
  text-align: center;
}
.Charts .monthlyTop p {
  font-size: 0.64rem;
  color: #999;
  text-align: center;
}
.Charts .monthlyTop span.c1 {
  color: #ff6f00;
}
.Charts .Coming {
  padding-top: 2.66666667rem;
  text-align: center;
}
.Charts .Coming img {
  width: 5.44rem;
  height: 5.12rem;
  margin-bottom: 0.8rem;
  display: inline-block;
}
.Charts .Coming h2 {
  font-size: 1.01333333rem;
  color: #666;
  line-height: 2.13333333rem;
}
.Charts .Coming p {
  font-size: 0.74666667rem;
  color: #666;
}
